@charset "utf-8";
/* ====================公共样式========================= */

/* 头部 */
.Header-wrapper{width: 100%;background: transparent;position: fixed;left: 0;top: 0;z-index:99;transition: all .4s ease;}
.Header-wrapper:after{content: "";width: 100%;height: 1px;position: absolute;left: 0;bottom: 0;background: #fff;opacity: .2;}
.Header-container{width: 1620px;margin: 0 auto;}




/* 公司简介 最底部 */
.cont8{width: 100%;float: left;}
.cont8 .abt{font-size:36px;line-height:48px;color:#c79f62;font-weight:bold}
.cont8 .abt2{font-size:21px;line-height:48px;color:#333;}
.cont8 .des{font-size:15px;line-height:28px;color:#666;margin-top:2%;box-sizing: border-box;}
.cont8 ul{margin-bottom:-30px;margin-top:50px}
.cont8 ul li{margin-bottom:30px; width: 25%;}
.cont8 ul li .num i{font-size:36px;line-height:36px;color:#272933;font-weight:bold; font-style: normal;}
.cont8 ul li .num sup{font-size:24px;color:#272933;line-height:15px;margin-left:5px;vertical-align:top;top:0}
.cont8 ul li .num sup.zh{font-size:16px}
.cont8 ul li p{font-size:18px;line-height:28px;color:#272933;opacity:0.8;margin-top:2px}
/* 公司简介 页 */




/* 人才招聘 */
.job001{font-size:20px;line-height:38px;}




/* 在线客服 */

.sidebar-content{position: fixed; top: 50%; right: 0; z-index: 1000; margin-top: -280px;}
.sidebar-box{position: relative; margin-top: 1px;}
.sidebar-icon{width: 50px; height: 50px; cursor: pointer;}
.si1 .sidebar-icon{background: #0256ac url(../image/side1.png) no-repeat center center;}
.si2 .sidebar-icon{background: #0256ac url(../image/side8.png) no-repeat center center;}
.si3 .sidebar-icon{background: #0256ac url(../image/side3.png) no-repeat center center;}
.si4 .sidebar-icon{background: #0256ac url(../image/side4.png) no-repeat center center;}
.si5 .sidebar-icon{background: #0256ac url(../image/side5.png) no-repeat center center;}
.si1:hover .sidebar-icon{background: #ff963a url(../image/side1.png) no-repeat center center;}
.si2:hover .sidebar-icon{background: #ff963a url(../image/side8.png) no-repeat center center;}
.si3:hover .sidebar-icon{background: #ff963a url(../image/side3.png) no-repeat center center;}
.si4:hover .sidebar-icon{background: #ff963a url(../image/side4.png) no-repeat center center;}
.si5:hover .sidebar-icon{background: #ff963a url(../image/side5.png) no-repeat center center;}
.sidebar-dark1{position: absolute; top: 0; right: 50px; padding: 0 20px; background-color: #ff963a; display: none;}
.sidebar-dark2{position: absolute; top: 0; right: 50px; padding: 16px 20px; background-color: #ff963a; display: none;}
.sidebar-box:hover .sidebar-dark1{display: block;}
.sidebar-box:hover .sidebar-dark2{display: block;}
.sidebar-dark1 p a{display: block; height: 50px; line-height: 50px; font-size: 16px; color: white; text-align: center; white-space: nowrap;}
.sidebar-code{width: 98px; margin-top: 8px;}
.sidebar-dark2 .sidebar-code:first-child{margin-top: 0;}
.sidebar-code p{text-align: center; color: white; line-height: 18px; margin-top: 4px;}
.sidebar-top{display: block; width: 50px; height: 50px;}
.sidebar-icon-a{display: block; width: 50px; height: 50px;}
.side-layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; display: none;}
.side-layer-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}





/*产品详细页*/

.productss{width:100%;overflow: hidden; margin-top: 3%;}
.productss img{max-width: none !important;}
.promore_l{width:48%;float:left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:66px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:57px;}
.spec-scroll .items ul li img:hover{border:2px solid #c79f62;padding:1px;}
.pros_right{width:48%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:3%;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:3%;}
.proleft{font-size:14px;line-height:30px;margin:5% 0;}
.proleft .bt{font-size: 16px; font-weight: 600; color: #c79f62;}
.proleft p{font-size:14px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #c79f62;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin-top:3%;float:left;}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;background:#eee;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:16px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;background:#333;border:1px solid transparent;padding:10px 40px;color: #fff}
.tabs-basic .tab-active{border-bottom:2px solid #246fb6;color:#fff;background:#246fb6;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;margin:auto;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.hot_pro2{width:100%;float:left;margin-top:3%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #c79f62;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}


.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #246fb6;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ed6d00;color:#fff;}
.pbtn a:nth-child(2){width:50%; background:#ed6d00;}




/* 内页技术文档部分 */
.shouce-list{width:100%; float:left; margin-top:10px;}
.shouce-list ul{list-style:none; text-align:left; margin-bottom:0; padding:0; border-bottom:none;}
.shouce-list li{width:32%; margin:20px 2% 0 0; float:left; background:#fff; transition:all .5s; -webkit-transition:all .5s;}

.shouce-list li:nth-child(3n){margin-right:0;}
.shouce-list li:hover{-webkit-transform:translateY(-5px); transform:translateY(-5px);}
.shouce-in{display:block; width:100%; border-radius:4px; border:1px solid #e6e6e6; background:#fff; position:relative; padding:40px 5% 50px 5%;}
.shouce-in:hover{box-shadow:0 0 10px 10px rgba(102,102,102,.08);}
.shouce-in h2{width:80%; font-size:18px; color:#000; line-height:28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.shouce-in h3{width:80%; display:block; margin-top:10px; color:#666; font-size:16px;}
.shouce-in h3 span{font-weight:bold;}
.shouce-in p{font-size:14px; color:#999;line-height:24px; margin-top:10px;}
.shouce-in>span{display:block; width:82px; height:82px; position:absolute; right:20px; top:40px; text-align:center; line-height:82px;}
.shouce-in:hover>span img{display:none;}
.shouce-in:hover>span{background:url(../images/xiazai3.png) no-repeat center; background-size:100% 100%;}
.shouce-in>span em{display:none; font-size:14px; color:#000; text-align:center; width:82px; position:absolute; right:0; top:18px;}
.shouce-in:hover>span em{display:block;}







.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:50px;right:0; text-align:center;background:#246fb6;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; width:150px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden; margin-top: 2%;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#c79f62;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:2% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../img/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #c79f62}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}



/*产品详细面*/















.main{width: 1400px; margin: 0px auto; clear: both;}
.index3 {width: 100%; height: auto; background: #ffffff url(../image/index2_bj.jpg) top center no-repeat; height: 892px;}

.index3 p.tittc{text-align: center;padding-top: 100px;padding-bottom: 50px;}
.index3 .index3_con{width: 100%; display: flex; height: 560px; flex-direction: row; align-items: center;justify-content: flex-start; background: #eaecf0;}
.index3 .index3_con .hd{width: 450px;padding:  0px 70px 0px 55px;}
.index3 .index3_con .hd dl,.index3 .index3_con .hd dl dt,.index3 .index3_con .hd ul,.index3 .index3_con .hd ul li {float: left;width: 100%;}
.index3 .index3_con .hd dl{width: 100%;text-align: center;}
.index3 .index3_con .hd dl .li1{font-size: 52px; color: #195fbc; margin-top: 50px; float: left; }
.index3 .index3_con .hd dl .li2{font-size: 36px;	color: #333333;margin-top: 20px;}
.index3 .index3_con .hd dl .li3{font-size: 20px;	color: #444444;margin-top: 10px;}

.index3 .index3_con .hd ul li { height: 115px; overflow: hidden; cursor: pointer;	width: 320px; display: flex; flex-direction: column; align-items: left; align-content: center; justify-content: center; padding-left: 10px; border-bottom: 2px solid #dadbdd; position: relative;}
.index3 .index3_con .hd ul li:last-child,.index3 .index3_con .hd ul li:last-child:hover{border: none;}
.index3 .index3_con .hd ul li b{font-size: 24px;	color: rgba(34,34,34,.65);float: left;}
.index3 .index3_con .hd ul li i {display: inline-block; float: left;font-size: 12px; color: #999;}
.index3 .index3_con .hd ul li:hover,.index3 .index3_con .hd ul li.hover {border-bottom: 2px solid #195fbc;}
.index3 .index3_con .hd ul li::after{position: absolute; content: ">"; right: 10px; top: 38px; width: 42px; height: 42px; background-color: #c5c5c5; color: #fff; border-radius: 50%; line-height: 42px; text-align: center;font-size: 20px;}
.index3 .index3_con .hd ul li:hover::after {height: 42px; background-color: #195fbc;}
.index3 .index3_con .hd ul li:hover b{font-size: 24px;	color: #222222;float: left;}
.index3 .index3_con .hd ul li:hover i {display: inline-block;float: left;font-size: 12px; color: #999;}
.index3 .index3_con .bd ul{width: 896px; height: 456px; float: left;}
.index3 .index3_con .bd ul li{width: 896px; height: 456px;position: relative;}
.index3 .index3_con .bd ul li img {width: 100%;}
.index3 .index3_con .bd ul li p{ width: 100%; float: left;}

.index3 .index3_con .bd ul li p{position: absolute; bottom: 0px; left: 0px; width: 100%; height: 130px; background: rgba(0,0,0,.5); display: flex; flex-direction: row; align-items: center;}
.index3 .index3_con .bd ul li p  em {display: flex;flex-direction: column; align-items: flex-start; width: 620px; justify-content: flex-start;}
.index3 .index3_con .bd ul li p i{font-size: 85px;	color: #ef7e00; width: 160px; text-align: center;}
.index3 .index3_con .bd ul li p b{font-size: 24px;	color: #fff;}
.index3 .index3_con .bd ul li p span{ font-size: 14px; color: rgba(255,255,255,0.7);}




.tittc{text-align: center; padding: 80px 0px 50px;}
.index7 {width: 100%; height: 550px; background: #fff url(../image/indx6_bj.png) center top no-repeat; overflow: hidden;}
.index7 .main{width: 1400px; margin:0px calc((100% - 1400px)/2); display: inline-flex;justify-content:space-between;}
.index7 .index7_l {width: 200px; display: inline-flex;flex-direction: column; align-items: center;}
.index7 .index7_l p{font-size: 50px;	color: #ffffff; margin-top: 70px;}
.index7 .index7_l b{font-size: 22px;	color: #ffffff; opacity: 0.5; margin-top: 10px;}
.index7 .index7_l  i{width: 171px; height: 52px; font-size: 18px;color: #ffffff; text-align: center; line-height: 52px; display: inline-block; border-radius: 26px; border: solid 1px #ffffff; margin-top: 30px;}
.index7 ul {width: 1400px; height: auto; overflow: hidden; position: relative;}

.index7 ul::after {position: absolute; content: ''; width: 1400px; height: 1px; border-bottom:1px dashed rgba(0,0,0,.2); left: 0px; top: 110px;}
.index7 ul li {float: left; width: calc(100% / 5); text-align: center;}
.index7 ul li a{display: flex; flex-direction: column; align-items: center;}
.index7 ul li .num {width: 86px; height: 86px; background-color: #28519e; font-size: 40px; font-weight: bold; color: #fff; text-align: center; line-height: 86px; border-radius:50%;	font-family: "Bahnschrift"; display: inline-block; position:relative; }

.index7 ul li a:hover .num { background-color: #ef7e00; color: #fff;opacity: 1;}
.index7 ul li:hover h2 b{color: #ef7e00;}
.index7 ul li .num::after {position: absolute; content: ''; width: 27px; height: 19px; background: url(../image/icon3.png) no-repeat; top: 106px; z-index: 2; left: 30px;}

.index7 ul li a:hover .num::after {background: url(../image/icon4.png) no-repeat;}

.index7 ul li .num::before {position: absolute; content: ''; width: 25px; height: 31px; background: url(../image/ico3.png) no-repeat; top: 95px; z-index: 2; left: 155px;}

.index7 ul li:last-child .num::before {display: none;}

.index7 ul li h2 {color: #fff; font-size: 22px; padding-top: 80px; display: inline-flex; flex-direction: column;}
.index7 ul li h2 b{font-size: 20px;	color: #333333;}



.index8 {width: 100%; height: auto; overflow: hidden; background: #ffffff; padding: 0px 0px 80px;}





.index8 .index8_con .left {width: 550px; padding: 40px; background: #f8f8f8; position: relative; float: left;}
.index8 .index8_con .left dd  {width:100%; padding-top: 30px; float: left; display: flex; flex-direction: column;}

.index8 .index8_con .left dd b{font-size: 22px;	color: #000000;}
.index8 .index8_con .left dd i{font-size: 14px;	color: #666666;	line-height: 28px; padding: 15px 0px;}
.index8 .index8_con .left dd span{font-size: 14px;	color: #666666;	line-height: 28px;}
.index8 .index8_con .left dl:hover dd b{color: #195fbc;}


.index8 .index8_con .left dd p a span {padding-right: 20px; font-size: 18px; color: #666; float: right;}
.index8 .index8_con .right {float: right; width: 807px;}
.index8 .index8_con .right .news_li {height: 92px; margin-bottom: 20px;}
.index8 .index8_con .right .news_li {
	width: calc(100% - 100px);
	overflow: hidden;
	background: #f9f9f9;
	margin-bottom: 16px;
	padding:50px;
	height: 180px;
}

.index8 .index8_con .right .news_li:last-child {border-bottom: 0px none;}

.index8 .index8_con .right .news_li .time {
	float: left;
	height: 90px;
	text-align: left;
	width: 100px;
	margin-right: 25px;
	border-right: 1px solid rgba(0,0,0,.3);
}

.index8 .index8_con .right .news_li .time b { font-size: 18px;	color: #333333; /*font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif*/}
.index8 .index8_con .right .news_li .time p {font-size: 16px;	color: #666666; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.index8 .index8_con .right .news_li .text {color: #666666; font-size: 14px; line-height: 28px;}
.index8 .index8_con .right .news_li .text h5 {padding-bottom: 10px;}
.index8 .index8_con .right .news_li .text h5 a {font-size: 18px;	color: #000000;}

.index8 .index8_con .right .news_li:hover {background: #195fbc; }
.index8 .index8_con .right .news_li:hover .time b,
.index8 .index8_con .right .news_li:hover .time p,
.index8 .index8_con .right .news_li:hover .text h5 a,
.index8 .index8_con .right .news_li:hover .text p{color: #fff;}







.sy_zs{padding:30px 20px 0;background: rgba(255, 255, 255, 0.8);margin-top: 40px;}
.sy_zs .lb_bg{position: relative;margin-top: 30px;}
.sy_zs .lb_bg .lb{}
.sy_zs .lb_bg .lb ul{}
.sy_zs .lb_bg .lb ul li{overflow: hidden;}
.sy_zs .lb_bg .lb ul li img{display:block;width:100%;-webkit-transition:0.5s;transition:0.5s;}
.sy_zs .lb_bg .lb ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_zsz,.sy_zsy{position: absolute;top: 50%;margin-top: -23px;width: 46px;font-size: 36px;line-height: 46px;color: #dadada;cursor: pointer;text-align: center;border-radius: 50%;-webkit-transition:0.5s;transition:0.5s;}
.sy_zsz{left: -50px;}
.sy_zsy{right: -50px;}
.sy_zsz:hover,.sy_zsy:hover{color: #878787;}












.pd06{padding: 0 6%; box-sizing: border-box;}
.flex { display: flex; justify-content: space-between; flex-wrap: wrap }
.flex-left { display: flex; flex-wrap: wrap }
.flex-center { display: flex; flex-wrap: wrap; justify-content: center; }
.flex-right { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.home-d{padding: 4% 0%; overflow: hidden; box-sizing: border-box;}
.home-d .pic{border-radius:60px 0px 0px 0px;position:relative; float: right; width: 45%;}
.home-d .pic img{border-radius:6px}
.home-d .cont{width:50%;float: left;}
.home-d .cont .abt{font-size:36px;line-height:48px;color:#0256ac;font-weight:bold}
.home-d .cont .abt2{font-size:21px;line-height:48px;color:#333;}
.home-d .cont .des{font-size:15px;line-height:28px;color:#666;margin-top:2%;box-sizing: border-box;}
.home-d .cont ul{margin-bottom:-30px;margin-top:50px}
.home-d .cont ul li{margin-bottom:30px; width: 25%;}

.home-d .cont ul li .num i{font-size:36px;line-height:36px;color:#272933;font-weight:bold; font-style: normal;}
.home-d .cont ul li .num sup{font-size:24px;color:#272933;line-height:15px;margin-left:5px;vertical-align:top;top:0}
.home-d .cont ul li .num sup.zh{font-size:16px}
.home-d .cont ul li p{font-size:14px;line-height:28px;color:#272933;opacity:0.8;margin-top:2px}
.home-d .cont .more{display:inline-block;width:146px;height:49px;border-radius:6px;border:solid 1px #dadada;text-align:center;line-height:47px;font-size:16px;color:#666666;border-left:2px solid #2f318b;margin-top:40px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.home-d .cont .more:hover{border-color:#2f318b;color:#2f318b}
.home-d .pic .btn-video { position: absolute; left: -60px; top: 50%; z-index: 2; margin-top: -60px; width: 120px; height: 120px; background: url(../images/video-btn.png) no-repeat; background-size: contain;/* box-shadow: 0px 0px 20px 0px rgba(1, 102, 176, 0.15);*/ border-radius: 50%; overflow: hidden; }

.video_shadow { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 1000; display: none; }
.playnow { position: absolute; left: 50%; top: 50%; margin-left: -410px; margin-top: -286px; width: 820px; height: 550px; background-color: transparent; z-index: 1000; }
.video_control { width: 820px; height: 500px; box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, .5); }
.video_control video { width: 100%; height: 100%; object-fit: fill; }
.closevideo { position: absolute; right: -30px; top: -24px; font-size: 35px; color: #fff; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.closevideo:hover { right: -35px; }
@media (max-width:1000px) {
  .playnow { left: 5%; top: 30%; margin-left: 0; margin-top: 0; width: 90%; height: auto; }
  .video_control { width: 100%; height: auto; box-shadow: none; }
  .closevideo { position: absolute; right: 0; top: -50px; font-size: 30px; color: #fff; cursor: pointer; }
  
  .home-d .cont{width:100%;float: left;}
  .home-d .pic{border-radius:60px 0px 0px 0px;position:relative; float: right; width: 100%;}
  .home-d .pic img{border-radius:6px; width:100%; padding: 2% 0%;}
}







/*案例*/
.case-show {
    max-width: 1920px;
    margin: auto;
    background: #fff;
    margin-top: 30px;
}

.page-case .case-show {
    padding-bottom: 60px;
}

.case-show .swp {
    line-height: 1;
    bottom: 0;
}

.case-show .item {
    position: relative;
    width: 20% !important;
    overflow: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

.case-show .item .tit-big {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 9;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    margin-top: -14px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.case-show .item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    bottom: 0;
    width: 100%;
    background: #1F242F;
    opacity: .6;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.case-show .item.on:before {
    opacity: 0;
}

.case-show .item .cont {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -129px;
    width: 460px;
    margin-left: -230px;
    background-color: rgba(255,255,255,.85);
    z-index: 2;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    padding: 40px 60px 30px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    box-sizing: border-box;
}

.case-show .item.on .cont {
    visibility: visible;
    opacity: 1;
}

.case-show .item .cont h4 {
    font-size: 28px;
    color: #262626;
}

.case-show .item .cont h4 a {
    color: #666;
    font-size: 22px;
    font-weight: normal;
}

.case-show .item .cont p {
    color: #595959;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 35px;
}

.case-show .item .cont .more {
    color: #666;
    font-size: 15px;
}

.case-show .item .cont .more:hover, .case-show .item .cont h4 a:hover {
    color: #2e5d99;
}

.case-show .item.on {
    width: 40% !important;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.case-show .item.on .tit-big {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

.case-show .item img {
    max-width: none;
    height: 100%;
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.case-show .item.on img {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}











.sy_gg_bg{background: url(../images/sygg.jpg) center no-repeat;background-size: cover;padding: 60px 0;}
.sy_gg{display: flex;align-items: center;justify-content: space-between;}
.sy_gg .sy_gg_l{flex:1;width: 100%;}
.sy_gg .sy_gg_l .ml1{font-size: 30px; line-height: 30px;color: #333;}
.sy_gg .sy_gg_l .ml1 span{color: #fff;font-weight: bold;}
.sy_gg .sy_gg_l .ml2{font-size: 18px; color: #fff; font-style: normal; text-transform: uppercase; display: block; line-height: 24px;margin-top: 10px;}
.sy_gg .sy_gg_l ul{margin-top: 20px;display: flex;}
.sy_gg .sy_gg_l ul li{color: #333; font-size: 14px;border:1px solid #333; line-height: 36px; text-align: center; border-radius: 30px 0 30px 0;margin-right: 10px;padding: 0 20px;}
.sy_gg .sy_gg_r{}
.sy_gg .sy_gg_r .ml1{font-size: 24px; color: #fff; font-weight: bold;text-align: right;}
.sy_gg .sy_gg_r .ml1 span{font-size: 16px; color: #fff; font-weight: normal;display: block;}
.sy_gg .sy_gg_r .ml2{display: flex;margin-top: 20px;justify-content: flex-end;}
.sy_gg .sy_gg_r .ml2 a{font-size: 14px; color:#fff; background: #008cd6; display: block;line-height: 36px;padding: 0 20px;border-radius: 18px;}

.w1200{ width:1460px;max-width: 95%; margin:auto;}



.sy_ys{padding: 60px 0;}
.sy_ys .lb{margin-top: 40px;}
.sy_ys .lb ul li{display: flex;align-items: center;justify-content: space-between;}
.sy_ys .lb ul li:nth-child(2n+1){flex-direction: row-reverse;}
.sy_ys .lb ul li .img{width: 50%;overflow: hidden; /*border-radius: 150px 0 0 150px;*/}
.sy_ys .lb ul li:nth-child(2n+1) .img{/*border-radius: 0 150px 150px 0;*/}
.sy_ys .lb ul li .img img{display: block;width: 100%;-webkit-transition:0.5s; transition:0.5s;}
.sy_ys .lb ul li .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.sy_ys .lb ul li .txt{width: 50%;display: flex;justify-content: space-between;flex-direction: column;padding:0 40px;}
/*.sy_ys .lb ul li:nth-child(2n+1) .txt{padding-left: 0px;padding-right: 40px;}*/
.sy_ys .lb ul li .txt .ml1{display: flex;align-items: center;}
.sy_ys .lb ul li .txt .ml1 .sz{font-size: 40px;line-height: 40px;color: #333;font-weight: bold;-webkit-transform: scale(1, 1.4);transform: scale(1, 1.4);font-style: italic;width: 65px;}
.sy_ys .lb ul li .txt .ml1 .wz{flex:1;width: 100%;}
.sy_ys .lb ul li .txt .ml1 .wz .m1{font-size: 24px;line-height: 36px;color: #333;}
.sy_ys .lb ul li .txt .ml1 .wz .m2{font-size: 16px;line-height: 24px;color: #333;}
.sy_ys .lb ul li .txt .ml2{padding-left: 40px;margin-top: 15px;}
.sy_ys .lb ul li .txt .ml2 .ml{display: flex;margin-top: 10px;}
.sy_ys .lb ul li .txt .ml2 .ml i{font-size: 24px;line-height: 24px;color: #333;font-weight: bold;width: 25px;}
.sy_ys .lb ul li .txt .ml2 .ml p{flex: 1;width: 100%;font-size: 14px;line-height: 24px;color: #666;}









.fwrx{ line-height:30px; text-align:right; font-size:17px; color:#da401d; font-weight:bold;}


.Header-logo{float: left;position: relative;z-index: 5;}
.Header-logo a{width:300px;display: flex;align-items: center;float: left;user-select: none;}
.Header-logo a img{max-width: 100%;}
.Header-logo a img.Header-logo-S{display: block;}
.Header-logo a img.Header-logo-H{display: none;}
.winter .Header-navbarbox{visibility: visible !important;}

.Header-navbar{font-size: 0;width: 100%;text-align: center;}
.Header-navbar ul li{display: inline-block;position: relative;}
.Header-Menu{display: block;height: 94px;line-height: 94px;padding: 0 35px;font-size: 18px;z-index: 4;font-weight: 700;color: #fff;transition: all .4s ease;position: relative;}
.Header-navbar ul li:last-child:hover {background: #0070c0;}
.Header-Menu span{display: inline-block;position: relative;}
.Header-Menu span:after{content: "";position: absolute;right: 0;width: 0;bottom: 0;height: 2px;background: #fff;transition: all .4s ease;}
.Header-navbar ul li.ontrue .Header-Menu span:after{width: 100%;}
.Header-navbar ul li:hover .Header-Menu span:after{width: 100%;right: auto;left: 0;}

.H-lang {position: relative;float: right;}
.H-lang .Hlang-menu {display: block;transition: none;-webkit-transition: none;font-size: 14px;text-align: center;color: #fff;line-height:94px;font-weight: 700;}
.H-lang .Hlang-menu i{width: 18px;height: 18px;background-repeat: no-repeat;background-image: url('../images/lang.png');display: inline-block;vertical-align: middle;}
.H-lang .Hlang-menu a{display: inline-block;vertical-align: middle;}
.H-lang .Hlang-menu a:nth-child(2){margin: -1px 0 0 10px;}
.H-lang .Hlang-menu:hover i{transform: rotate(360deg);transition: all 1s ease;}

.Header-search{float: right;margin-left: 40px;position: relative;}
.Header-search-click{cursor: pointer;transition: none;-webkit-transition: none;font-size: 14px;text-align: center;color: #fff;line-height: 92px;font-weight: 700;}
.Header-search-click i{width: 18px;height: 18px;background-repeat: no-repeat;background-image: url('../images/search.png');display: inline-block;vertical-align: middle;}
.Header-search-click span{display: inline-block;vertical-align: middle;margin: 0 0 0 10px;}
.Header-search-click span:before{content: "搜索";}
.Header-search-click.ontrue i{background-image: url('../images/close.png');}
.Header-search-wordsform{position: absolute;width: 500px;line-height: 100px;top: 0;right: 80px;padding-left: 54px;display: none;}
.Header-search-submit{width: 54px;height: 100%;background: url('../images/search.png') no-repeat center center;cursor: pointer;position: absolute;top: 0;left: 0;}
.Header-search-wordsform input{width: 100%;height: 40px;padding-right: 16px;display: inline-block;vertical-align: middle;outline: none;font-size: 14px;color: #fff;border: none;border-bottom: 1px solid rgba(255, 255, 255, .2);background: transparent;}
.Header-search-wordsform input:-moz-placeholder {color:#fff;font-size: 14px;}
.Header-search-wordsform input::-moz-placeholder {color:#fff;font-size: 14px;}
.Header-search-wordsform input:-ms-input-placeholder{color:#fff;font-size: 14px;}
.Header-search-wordsform input::-webkit-input-placeholder{color:#fff;font-size: 14px;}
.body-on-search .Header-search-click span:before{content: "关闭";}
.body-on-search .Header-search-wordsform{display: block;}
.body-on-search .Header-navbarbox{display: none;}
.body-on-search .H-lang{display: none;}

/* 下拉 */
.Header-navarr{display: none;}
.Header-dropDown{visibility: hidden;opacity: 0;position: absolute;z-index: 2;width: 100%;top: 100px;left: 0;padding: 10px 0 18px;}
.Header-dropDown:before{content: "";position: absolute;z-index: 1;width: 100%;height: 0;top: -100px;left: 0;background: #0070c0;transition: all .4s ease;}
.Header-dropDown a{display: block;padding: 6px 0;color: rgba(255, 255, 255, .8);font-size: 15px;font-weight: 400;opacity: 0;transition: opacity 0s ease 0s;transition: color .4s ease 0s;position: relative;z-index: 2;}
.Header-dropDown a:hover{color: #fff;text-decoration: underline;}
.Header-navbar ul li:hover .Header-dropDown{visibility: visible;opacity: 1;}
.Header-navbar ul li:hover .Header-dropDown:before{height: calc(100% + 100px);}
.Header-navbar ul li:hover .Header-dropDown a:nth-child(1){transition-delay:0.1s;}
.Header-navbar ul li:hover .Header-dropDown a:nth-child(2){transition-delay:0.2s;}
.Header-navbar ul li:hover .Header-dropDown a:nth-child(3){transition-delay:0.3s;}
.Header-navbar ul li:hover .Header-dropDown a:nth-child(4){transition-delay:0.4s;}
.Header-navbar ul li:hover .Header-dropDown a:nth-child(5){transition-delay:0.5s;}
.Header-navbar ul li:hover .Header-dropDown a:nth-child(6){transition-delay:0.6s;}
.Header-navbar ul li:hover .Header-dropDown a:nth-child(7){transition-delay:0.7s;}
.Header-navbar ul li:hover .Header-dropDown a:nth-child(8){transition-delay:0.8s;}
.Header-navbar ul li:hover .Header-dropDown a{opacity: 1;transition: opacity .8s ease;}








.fl {float: left;}
.fr {float: right;}
.ny_com { padding:30px 0 48px; background-color: #fff; overflow: hidden;}
.ny_l { width:24.5%; overflow: hidden;}
.ny_r { width:calc(100% - 28.5%); overflow:hidden;}
.ny_title { color:#fff; height:72px; background:#045bb3; width:100%; text-align:center; font-size:24px; color:#fff; line-height:72px; font-weight:400;}
.ny_nav li { border-bottom:1px solid #e0e0e0; }
.ny_nav { background:#f8f8f8;  border-top:0; padding:10px 20px 25px; margin-bottom:22px; overflow:hidden;}
.ny_nav a {color:#252525; font-size:15px;  padding:12px 0 12px 40px; display:block; background:url(../images/pro_bj.png) no-repeat 6px center; line-height:25px;background-size: 18px;}
.ny_nav a:hover { color:#045bb3; background:url(../images/pro_bj01.png) no-repeat 6px center;font-weight:bold; background-size: 18px;}
.ny_nav .ny_nav_hover a{ color:#045bb3; background:url(../images/pro_bj01.png) no-repeat 6px center;font-weight:bold;background-size: 18px;}


.ny_tel { color:#fff; background:#045bb3; font-size:22px; padding-left:24px;width:100%; height:60px; line-height:60px;}
.ny_tel_n {padding:15px 0; background:#fff;}
.ny_tel_n img { float:left; padding-right:15px; width: 35px; display: inline-block; margin-top: 10px; vertical-align: middle;}
.ny_tel_n li {  line-height:48px; font-size:14px;color:#222;}
.ny_r_title { border-bottom:1px solid #dfdfdf; color:#444; line-height:45px; height:40px;}
.ny_r_title span{ float:right;}
.ny_r_title a { color:#666666}
.ny_r_title a:hover { color:#045bb3; text-decoration:underline;}
.ny_r_title h3 { float:left; border-left:5px solid #045bb3; color:#222; font-size:22px; font-weight:500; line-height:25px; margin-bottom:15px; padding-left:15px;}
.ny_r_info { padding-top:15px; line-height:35px; color:#444; font-size: 15px; overflow: hidden; }
.ny_r_info img{max-width: 100%;}

.product_list{width: 100%; margin-top: 28px; overflow: hidden;}
.product_list ul{margin-right:-2%;overflow: hidden;}
.product_list ul li{float:left;width:24.7%;margin-bottom:2%;padding-right:2%;}
.product_list ul li a{display:block;}
.product_list ul li .pImg{transition:all .3s;transition:all .4s;display: block; overflow: hidden;}
.product_list ul li .pImg img{max-width: 100%;display:block; border: 1px solid #ececec;}
.product_list ul li p{font-size:14px; line-height:25px; padding-top: 10px; display: block; text-align: center; color:#444;}
.product_list ul li a:hover p{color:#045bb3;}

.wrapper{ width:1460px; margin: 0 auto;}

















/* 手机汉堡键 */
.Header-navclick{height: 60px;padding: 0 0 0 12px;cursor: pointer;float: right;user-select: none;display: none;position: relative;z-index: 10;}
.Header-navclick span{width: 24px;height: 2px;background: #fff;display: block;position: relative;margin-top: 29px;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #fff;display: block;left: 0;width: 100%;}
.Header-navclick span:before{top: -8px;}
.Header-navclick span:after{top: 8px;}
.Header-navclick.ontrue span{background: #555;-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{background: #555;-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{background: #555;-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}

/* 底部 */
.Footer-wrapper{width: 100%;background: #004891;}
.Footer-infonav{width: 100%;padding: 35px 0 40px;}
.Footer-info{width: 160px;float: right;}
.Footer-info h6{width: 100%;position: relative;}
.Footer-info h6 img{width: 100%;object-fit: cover;}
.Footer-info p{font-size: 15px;text-align: center;color: #fff;margin-top: 12px;}
.Footer-info h6:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 3px;border-bottom: 3px solid #154a92;background: rgba(21, 74, 146, 0.5);animation: Fewm 3.8s linear infinite;}
@keyframes Fewm{0%{height: 3px;}40%{height: 100%;}50%{height: 100%;}80%{height: 3px;}100%{height: 3px;}}

.txtbox{float: left;width: 24%; /*border-left: #2d2f33 solid 1px;*/padding-left: 4%; overflow: hidden;}
.txtbox .tit{color: #ffffff;font-size: 17px;font-weight: bold;margin-bottom: 10px;}
.txtbox ul li{position: relative;padding-left: 35px;color: #b4b4b4;font-size: 14px;line-height: 1.7;margin-bottom: 15px;}
.txtbox ul li i{position: absolute;left: 0;top: 0;width: 30px;}
.txtbox ul li i img{/*max-width: 60%;*/width: 18px;}

.Footer-navbar{width: calc(100% - 50%);float: left;position: relative;}
.Footer-navbar ul li{float: left;width: 25%;}
.Footer-navclick{width: 100%;position: relative;}
.Footer-navclick a{font-size: 18px;color: #fff;display: block;width: 100%;height: 40px;line-height: 40px;font-weight: 700;}
.Footer-navclick i{width: 40px;height: 40px;display: none;position: absolute;z-index: 9;right: -4%;top: 0;background: url('../images/iconArr.png') no-repeat center center /14px auto;}
.Footer-navclick i.ontrue{transform: rotate(180deg);}
.winter .Footer-navwords{display: block !important;}
.Footer-navwords{width: 100%;overflow: hidden;margin-top: 8px;}
.Footer-navwords a{display: block;padding: 4px 0;font-size: 14px;color: #fff;transition: all .4s ease;opacity: .6;}
.Footer-navwords a:hover{opacity: 1;}
.Footer-link{width: 100%;padding: 26px 0 26px 84px;font-size: 0;position: relative;border-top: 1px solid rgba(255, 255, 255, .1);border-bottom: 1px solid rgba(255, 255, 255, .1);}
.Footer-link:before{content: "友情链接：";position: absolute;left: 0;font-size: 16px;line-height: 26px;color: #fff;opacity: .6;}
.Footer-link a{display: inline-block;line-height: 26px;font-size: 16px;color: #fff;opacity: .6;transition: all .4s ease;margin-right: 20px;}
.Footer-link a:last-child{margin-right: 0;}
.Footer-link a:hover{opacity: 1;}
.Footer-copyright{width: 100%; padding-top: 18px;padding-bottom: 18px;border-top: #3d75af solid 1px; overflow: hidden;}
.Footer-copyright p{font-size: 15px;color: rgba(255, 255, 255, .64);line-height: 24px;text-align: center;}
.Footer-copyright p a{display: inline-block;margin-left: 10px;transition: all .4s ease;}
.Footer-copyright p a:hover{color: #fff;}

.body-lucency-color .Header-wrapper{background: #fff;}
.body-lucency-color .Header-logo a img.Header-logo-S{display: none;}
.body-lucency-color .Header-logo a img.Header-logo-H{display: block;}
.body-lucency-color .H-lang .Hlang-menu{color: #555;}
.body-lucency-color .H-lang .Hlang-menu i{background-image: url('../images/langH.png');}
.body-lucency-color .Header-Menu{color: #555;}
.body-lucency-color .Header-navbar ul li.ontrue .Header-Menu{color: #0070c0;}
.body-lucency-color .Header-navbar ul li.Header-dropNone .Header-Menu {color: #555;}
.body-lucency-color .Header-navbar ul li:first-child:hover .Header-Menu {color: #0070c0 !important;}
.body-lucency-color .Header-navbar ul li:hover .Header-Menu span:after {background:#0070c0 !important;}
.body-lucency-color .Header-navbar ul li.Header-dropNone.ontrue .Header-Menu {color: #0070c0;}
.body-lucency-color .Header-navbar ul li:hover .Header-Menu{color: #fff;}
.body-lucency-color .Header-Menu span:after{background: #0070c0;}
.body-lucency-color .Header-navbar ul li.ontrue .Header-Menu span:after{background: #0070c0;}
.body-lucency-color .Header-navbar ul li.Header-dropNone.ontrue .Header-Menu span:after{background: #0070c0;}
.body-lucency-color .Header-navbar ul li:hover .Header-Menu span:after{background: #fff;}
.body-lucency-color .Header-navclick span, .body-lucency-color .Header-navclick span:before, .body-lucency-color .Header-navclick span:after{background: #555;}
.body-lucency-color .Header-wrapper:after{background: #e5e5e5;opacity: 1;}
.body-lucency-color .Header-search-click{color: #555;}
.body-lucency-color .Header-search-click i{background-image: url('../images/searchH.png');}
.body-lucency-color .Header-search-click.ontrue i {background-image: url('../images/closeH.png');}
.body-lucency-color .Header-search-wordsform input{border-bottom: 1px solid #e5e5e5;}
.body-lucency-color .Header-search-submit{background-image: url('../images/searchH.png');}
.body-lucency-color .Header-search-wordsform input{color: #555;}
.body-lucency-color .Header-search-wordsform input:-moz-placeholder {color:#555;}
.body-lucency-color .Header-search-wordsform input::-moz-placeholder {color:#555;}
.body-lucency-color .Header-search-wordsform input:-ms-input-placeholder{color:#555;}
.body-lucency-color .Header-search-wordsform input::-webkit-input-placeholder{color:#555;}



/* 中间+共用部分 */
.Container-wrapper{width: 100%;}
.contain{width: 1440px;margin: 0 auto;}
/* 视频 */
.popVideo{display: none;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;}
.popVideo-content{display: flex;justify-content: center;align-items: center;position: relative;width: 66%;height: 100%;margin: 0 auto;}
.popVideo-core{position: relative;display: inline-block;vertical-align: middle;width: 100%;position: relative;}
.popVideo-core video{width: 100%;max-height: 600px;background: #000;}
.popVideo-close {width: 28px;height: 28px;position: absolute;right: -28px;top: -28px;z-index: 3;background: url('../images/close.png') no-repeat center;cursor: pointer;opacity: .7;transition: all .6s ease;}
.popVideo-close:hover{opacity: 1;}
@media all and (max-width:1279px) {.popVideo-content{width: 92%;}.popVideo-close{right: 0;}}
/* ---- */

/* 侧栏 */
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 50px;height: 254px;z-index: 6666;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 0;width: 62px;}
.sideBar-wrapper ul li.relQq{top: 51px;width: 126px;transition: all .4s;}
.sideBar-wrapper ul li.relQq2{top: 102px;width: 126px;transition: all .4s;}
.sideBar-wrapper ul li.relDh{top: 153px;width: 222px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 204px;width: 62px;}
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color: #000;opacity: .7;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;height: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{background: #0070c0;opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relQq2:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -156px;}
.sideBar-wrapper-ewm{position: absolute;top: -144px;left: -144px;background: url('../images/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}







/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
    .Header-container{width: 95%;}
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .contain{width: 95%;}
    .Header-logo a {width:210px;}
    .Header-Menu {height: 76px;line-height: 76px;padding: 0 24px;}
    .H-lang .Hlang-menu{line-height: 76px;}
    .Header-dropDown{top: 86px;}
    .Header-dropDown:before{top: -86px;}
    .Header-search-click, .Header-search-wordsform{line-height: 76px;}
    .Header-navbar ul li:hover .Header-dropDown:before{height: calc(100% + 86px);}
    .Header-search {margin-left: 24px;}
    .Header-search-click span {margin: 0 0 0 10px;}
    .H-lang .Hlang-menu a:nth-child(2){margin: -1px 0 0 12px;}
	.wrapper,.wrapper01{max-width:97%;}
}

@media all and (max-width:1439px) {
  
    
    /* 1360 × (768) */
    .Header-Menu {padding: 0 28px;}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
    .Header-Menu{font-size: 16px;}
    .Header-dropDown a {padding: 5px 0;font-size: 14px;}
    .Footer-infonav {padding: 48px 0 36px;}
    .Footer-navclick a {font-size: 16px;}
    .Footer-navwords a {padding: 3px 0;font-size: 14px;}
    .Footer-link a, .Footer-link:before {line-height: 22px;font-size: 14px;}
    .Footer-link {padding: 20px 0 20px 78px;}
    .Footer-copyright p{font-size: 14px;line-height: 22px;}
    .Footer-copyright {padding: 22px 0;}
    .Footer-info p {font-size: 14px;}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .Header-Menu{padding: 0 22px;}
}

@media all and (max-width:1151px) {
    
    
    
.sidebar-content{display: none;}

    
    
    
    
    
    
    
    
    /* 1024 × (600/768) */
    .Header-dropDown a {padding: 4px 0;font-size: 12px;}
    .H-lang .Hlang-menu a,.Header-search-click span{display: none;}
    .Header-search-wordsform{right: 36px;}
	
	
	
	.ny_l { width:100%;}
	.ny_title { height:55px; font-size:22px;line-height:55px; }
	.ny_tel { padding-left:24px;height:55px; line-height:55px;}
	.ny_r { width:100%;}

	.product_list ul li{width:48%;}
	
	
	
	
	.sy_gg .sy_gg_l .ml1{font-size: 18px; line-height: 30px;color: #333;}
	.sy_gg .sy_gg_l .ml2{font-size: 15px; color: #777; font-style: normal; text-transform: uppercase; display: block; line-height: 24px;margin-top: 10px;}
	.sy_ys{padding: 10px 0 10px;}
	.sy_bt .h1{font-size: 20px;line-height: 20px;}
	.sy_bt .h2{margin:15px auto 0;max-width: 220px;}
	.sy_bt .h2:before,.sy_bt .h2:after{width: 20px;}
	.sy_bt .h2:before{margin-left: -20px;}
	.sy_ys .lb{margin-top: 20px;}
	.sy_ys .lb ul li{display: block;background: #f6f6f6;overflow: hidden;border-radius: 20px;margin-bottom: 20px;}
	.sy_ys .lb ul li .img{width: 100%;border-radius:0px;}
	.sy_ys .lb ul li:nth-child(2n+1) .img{border-radius:0px;}
	.sy_ys .lb ul li .txt{width: 100%;padding: 20px;}
	.sy_ys .lb ul li .txt .ml1 .sz{font-size: 30px;line-height: 30px;width: 50px;display: none;}
	.sy_ys .lb ul li .txt .ml1 .wz .m1{font-size: 14px;line-height: 24px;font-weight: bold;}
	.sy_ys .lb ul li .txt .ml1 .wz .m2{font-size: 14px;}
	.sy_ys .lb ul li .txt .ml2{padding-left: 0px;margin-top: 5px;}
	.sy_ys .lb ul li .txt .ml2 .ml{margin-top: 5px;}
	
	
	
	
	
	
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    
    .sidebar-content{position: fixed; top: 50%; left:0px; z-index: 1000; margin-top: -280px;}
	
	.fwrx{display: none;}
	
	.ny_l{display: none;}
    /* 平板设备 720 适配 */
    .Header-search {margin-left: 0;position: static;}
    .Header-search-wordsform {width: 100%;line-height: normal;top: 60px;right: 0;border-bottom: 1px solid rgba(255, 255, 255, .2);}
    .Header-search-wordsform input{border: none !important;}
    .Header-search-click{width: 42px;line-height: 60px;}
    .H-lang .Hlang-menu {width: 42px;}
    .Header-logo a {width: 160px;}
    .H-lang .Hlang-menu{line-height: 60px;}
    .Header-navclick{display: block;padding: 0 0 0 10px;}
    .Header-navbarbox{visibility: hidden;;width: 240px;background: #fff;position: fixed;top: 0;right: -240px;padding-top: 64px;height: 100%;z-index: 6;transition: all .2s linear;}
    .Header-navbarbox.open{right: 0;visibility: visible;}
    .Header-Menu span:after{display: none;}
    .Header-navbarbox:after{content: "";position: absolute;width: 100%;height: 1px;background: #fff;left: 0;top: 0;opacity: .1;}
    .Header-Menu:after{display: none;}
    .Header-navbar{float: left;width: 100%;margin-right: 0;height: 100%;overflow-y: auto !important;text-align: left;padding-bottom: 20px;}
    .Header-navbar ul li{display: block;width: 100%;position: relative;margin: 0;}
    .Header-navbar ul li.ontrue .Header-Menu{color: #0070c0 !important;}
    .Header-Menu{width: 100%;height: 50px;line-height: 50px;padding: 0 5%;color: #555 !important;}
    .Header-wrapper:after{display: block;}
    .Header-wrapper{transition: all 0s ease;}
    .Header-navarr{display: block;width: 40px;height: 40px;position: absolute;top: 0;right: 0;z-index: 5;background: url('../images/iconArrH.png') no-repeat center /14px auto;}
    .Header-navarr.ontrue{transform: rotate(180deg);}
    .Header-dropDown:before{display: none;}
    .Header-dropDown {display: none;visibility: visible;opacity: 1;position: static;top: 0;padding: 8px 0 12px;background: #0070c0;}
    .Header-dropDown a{opacity: 1 !important;color: #fff;padding: 6px 6%;font-size: 14px;}

    .Footer-infonav {padding: 28px 0 30px;}
    .Footer-info{width: 100%;text-align: center;margin-top: 20px;}
    .Footer-info h6{width: 140px;margin: 0 auto;}
    .Footer-navbar {width: 100%;}
    .Footer-navbar ul li{width: 100% !important;}
    .Footer-navwords{margin-top: 0;display: none;}
    .Footer-navwords a {padding: 4px 0;}
    .Footer-navclick i{display: block;}
    .Footer-copyright {padding: 16px 0 20px;}
    .Footer-link {padding: 18px 0 18px 78px;}

    .txtbox{width: 100%;border-left:none;padding-left:0; margin-top: 20px;}

    .body-on-search .Header-navbarbox{display: block;}
    .body-on-search .H-lang{display: block;}
    .body-lucency-color .Header-search-wordsform{background: #fff;}
    .body-lucency-color .Header-search-wordsform {border-bottom: 1px solid #e5e5e5;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
.sideBar-wrapper{display: none;}
.index3{}




.index7{display: none;}
.bd{display: none;}


.sy_gg .sy_gg_r .ml1{font-size: 14px; color: #333; font-weight: bold;text-align: right;}
.home-d .cont .abt{font-size:26px;line-height:48px;color:#c79f62;font-weight:bold}
.home-d .cont .abt2{display: none;}
.home-d .cont .des{font-size:13px;line-height:28px;color:#666;margin-top:2%;box-sizing: border-box;}


.home-d .cont ul li .num i{font-size:20px;line-height:36px;color:#272933;font-weight:bold; font-style: normal;}
.home-d .cont ul li .num sup{font-size:16px;color:#272933;line-height:15px;margin-left:5px;vertical-align:top;top:0}

.case-show .item .tit-big {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 9;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    margin-top: -14px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}









.main{width: 100%; margin: 0px auto; clear: both;}
.tittc{text-align: center; padding: 30px 0px 20px;}
.tittc img{text-align: center;padding-top:10px;padding-bottom:10px; width:100%;}
.index8 {width: 100%;height: auto; overflow: hidden; background: #ffffff; padding: 0px 0px 10px;}
.index8 .index8_con .left {display: none;}
.index8 .index8_con .right {float: right; width:100%;}
.index8 .index8_con .right .news_li {height: 92px; margin-bottom: 20px;}
.index8 .index8_con .right .news_li { width: calc(100% - 100px); overflow: hidden; background: #f9f9f9; margin-bottom: 16px; padding:50px; height:auto;  width:100%;}

	
}